<template>
  <div id="app">
      <div v-for="(val,index) in arr" :key="index" style="display:inline-block">
            <input type="checkbox" v-model="btn" :value="val">
            <span>{{val}}</span>
      </div>
      <ul>
          <li v-for="(item,inx) in btn" :key="inx">{{item}}</li>
      </ul>
  </div>
</template>

<script>
export default {
    data () {
        return {
            arr:["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
            btn:[]
        }
    }
}
</script>

<style>

</style>